<div id="main">
  <div class="cl">&nbsp;</div>

  <!-- Content -->
  <div class="col col2" id="content">
    <h2 class="border">Our Work</h2>

    <!-- Projects -->
    <div class="projects">
      <div class="cl">&nbsp;</div>

      <div class="project">
        <div class="project-image">
          <a class="img2" href="project-detailed.html"><img alt="" src="/images/project1.jpg" /></a>
        </div>
        <div class="project-info">
          <h4><a href="project-detailed.html">ONFOCUS</a></h4>
          <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took </p>
          <p><a class="more2" href="project-detailed.html">find out more</a></p>
        </div>
      </div>

      <div class="project project-last">
        <div class="project-image">
          <a class="img2" href="project-detailed.html"><img alt="" src="/images/project2.jpg" /></a>
        </div>
        <div class="project-info">
          <h4><a href="project-detailed.html">SPRING TIME</a></h4>
          <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took </p>
          <p><a class="more2" href="project-detailed.html">find out more</a></p>
        </div>
      </div>

      <div class="cl">&nbsp;</div>

      <div class="project">
        <div class="project-image">
          <a class="img2" href="project-detailed.html"><img alt="" src="/images/project3.jpg" /></a>
        </div>
        <div class="project-info">
          <h4><a href="project-detailed.html">OUTLIERS</a></h4>
          <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took </p>
          <p><a class="more2" href="project-detailed.html">find out more</a></p>
        </div>
      </div>

      <div class="project project-last">
        <div class="project-image">
          <a class="img2" href="project-detailed.html"><img alt="" src="/images/project4.jpg" /></a>
        </div>
        <div class="project-info">
          <h4><a href="project-detailed.html">MARKET LEADER</a></h4>
          <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took </p>
          <p><a class="more2" href="project-detailed.html">find out more</a></p>
        </div>
      </div>

      <div class="cl">&nbsp;</div>
    </div>
    <!-- End Projects -->

  </div>
  <!-- End Content -->

  <!-- Sidebar -->
  <div class="col col-right col1" id="sidebar">
    <h2 class="border">GET IN TOUCH</h2>
    <div class="entry">
      <p>SugarCoated ltdLorem ipsum dolor sit amet, consectetur adipiscing elit. </p>
      <p>T: 1-888-666- 222   F: 1-888-666- <br /><a href="#">Hey@SugarCoated.com</a></p>
    </div>
    <a class="button" href="#">REQUEST FOR PROPOSAL</a>
    <br />

    <h2 class="border">TESTIMONIALS</h2>
    <div class="testimonial">
      <p>“Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer dictum, neque ut imperdiet pellentesque, nulla tellus tempus magna.”</p>
      <p class="from"><a href="#"><strong>John Smith</strong></a><br />Fluffy Bunnies - CEO</p>
    </div>

  </div>
  <!-- End Sidebar -->

  <div class="cl">&nbsp;</div>
</div>